<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/template/template-padrao.xhtml">

	<ui:define name="titulo">Manter dados da empresa</ui:define>

	<ui:define name="baseCorpo">
	
		<h:form id="empresaForm">
		
			<script type="text/javascript">
				jQuery(function(){
					jQuery('input[id*=nomePessoa]').focus();
				});
			</script>
		
			<h1 class="titulo-tela">Manter dados da empresa</h1>

			<p:panel id="panelEmpresa">
			
				<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Dados cadastrais</h1>
			
				<table cellspacing="10">
					<tr>
						<td width="250px;">
							<h:outputLabel id="labelRazaoSocial" for="nomePessoa" value="* Razão social:" style="font-weight: bold;" />
							<br />
							<p:inputText id="nomePessoa" value="#{manterDadosEmpresaBean.empresa.pessoa.nmPessoa}" 
								maxlength="150" style="width:200px;" />
			            </td>
			            <td width="250px;" id="tdNomeFantasia">
							<h:outputLabel for="nomeFantasia" value="Nome fantasia:" style="font-weight: bold;" />
							<br />
							<p:inputText id="nomeFantasia" value="#{manterDadosEmpresaBean.empresa.pessoa.nmFantasiaEmpresa}" 
								maxlength="150" style="width:200px;" />
			            </td>
					</tr>
					<tr>
						<td width="250px;">
							<h:outputLabel id="labelCnpj" for="cnpj" value="* CNPJ:" style="font-weight: bold;" />
							<br />
							<p:inputMask id="cnpj" value="#{manterDadosEmpresaBean.empresa.pessoa.cpfCnpj}" 
								mask="99.999.999/9999-99" style="width:140px;" />
			            </td>
			            <td width="250px;" id="tdInscricaoEstadual">
							<h:outputLabel for="inscricaoEstadual" value="Inscrição estadual:" style="font-weight: bold;" />
							<br />
							<p:inputText id="inscricaoEstadual" value="#{manterDadosEmpresaBean.empresa.pessoa.inscricaoEstadualEmpresa}" 
								maxlength="15" style="width:200px;" />
			            </td>
			            <td width="250px;" id="tdInscricaoMunicipal">
							<h:outputLabel for="inscricaoMunicipal" value="Inscrição municipal:" style="font-weight: bold;" />
							<br />
							<p:inputText id="inscricaoMunicipal" value="#{manterDadosEmpresaBean.empresa.pessoa.inscricaoMunicipalEmpresa}" 
								maxlength="15" style="width:200px;" />
			            </td>
					</tr>
					<tr>
						<td width="250px;" colspan="3">
							<h:outputLabel for="cnpj" value="Logo da empresa:" style="font-weight: bold;" />
							<br />
							<p:fileUpload fileUploadListener="#{manterDadosEmpresaBean.handleFileUpload}" auto="true" label="Selecionar..."
    							update="idarquivo, idimagem, msgSistema" allowTypes="*.jpg;*.png;*.gif;" description="Imagem"/>  
   							<br />
   							<p:graphicImage cache="false" id="idimagem" value="#{manterDadosEmpresaBean.imagem}" />
			            </td>
					</tr>
				</table>
				<br /><br />
				
				<p:panel id="panelTabView" style="border:0; padding:0;">
					<p:tabView>
						<p:tab title="Endereço">
							<table cellspacing="10">
								<tr>
									<td colspan="4">
										<h:outputLabel for="endereco" value="Endereço:" style="font-weight: bold;" />
										<br />
										<p:inputText id="endereco" value="#{manterDadosEmpresaBean.empresa.pessoa.endereco.dscEndereco}" 
											maxlength="100" style="width:465px;" />
						            </td>
								</tr>
								<tr>
									<td width="334px;">
										<h:outputLabel for="cidade" value="Cidade:" style="font-weight: bold;" />
										<br />
										<p:inputText id="cidade" value="#{manterDadosEmpresaBean.empresa.pessoa.endereco.cidade}" 
											maxlength="100" style="width:200px;" />
						            </td>
									<td width="334px;">
										<h:outputLabel for="uf" value="Estado:" style="font-weight: bold;" />
										<br />
										<h:selectOneMenu id="uf" style="width:130px;" label="Estado"
											styleClass="ui-inputfield ui-widget ui-state-default ui-corner-all"
												value="#{manterDadosEmpresaBean.empresa.pessoa.endereco.estado}">
											    <f:selectItems value="#{manterDadosEmpresaBean.todasUfs}" var="uf"
											    	itemValue="#{uf.value}" itemLabel="#{uf.label}"/>
										</h:selectOneMenu>
						            </td>
								</tr>
								<tr>
									<td>
										<h:outputLabel for="bairro" value="Bairro:" style="font-weight: bold;" />
										<br />
										<p:inputText id="bairro" value="#{manterDadosEmpresaBean.empresa.pessoa.endereco.bairro}" 
											maxlength="100" style="width:200px;" />
						            </td>
									<td>
										<h:outputLabel for="cep" value="CEP:" style="font-weight: bold;" />
										<br />
										<p:inputMask id="cep" value="#{manterDadosEmpresaBean.empresa.pessoa.endereco.cep}" 
											mask="99999-999" style="width:85px;" />
						            </td>
								</tr>
							</table>
						</p:tab>
						
						<p:tab title="Contato">
							<table cellspacing="10" width="100%">
								<tr>
									<td width="250px;">
										<h:outputLabel for="telefone" value="Telefone:" style="font-weight: bold;" />
										<br />
										<p:inputMask id="telefone" value="#{manterDadosEmpresaBean.empresa.pessoa.meioComunicacao.nrTelefone}" 
											mask="(999) 9999-9999" style="width:120px;" />
						            </td>
									<td width="250px;">
										<h:outputLabel for="fax" value="Fax:" style="font-weight: bold;" />
										<br />
										<p:inputMask id="fax" value="#{manterDadosEmpresaBean.empresa.pessoa.meioComunicacao.nrFax}" 
											mask="(999) 9999-9999" style="width:120px;" />
						            </td>
									<td width="250px;">
										<h:outputLabel for="celular" value="Celular:" style="font-weight: bold;" />
										<br />
										<p:inputMask id="celular" value="#{manterDadosEmpresaBean.empresa.pessoa.meioComunicacao.nrCelular}" 
											mask="(999) 9999-9999" style="width:120px;" />
						            </td>
									<td width="250px;">
										<h:outputLabel for="email" value="Email:" style="font-weight: bold;" />
										<br />
										<p:inputText id="email" value="#{manterDadosEmpresaBean.empresa.pessoa.meioComunicacao.email}" 
											maxlength="50" style="width:250px;" />
						            </td>
								</tr>
							</table>
						</p:tab>
						
					</p:tabView>
				</p:panel>
			</p:panel>
			
			<br />
			<div align="right">
				<p:commandButton id="botaoSalvar" value="Salvar" update="msgSistema, empresaForm, listaRegistros, imagemLogoForm" 
					actionListener="#{manterDadosEmpresaBean.salvarEmpresa}" style="margin-left:5px;" />
			</div>
		
		</h:form>
		
	</ui:define>

</ui:composition>
</html>